<!DOCTYPE HTML>
<html lang="zh-CN">
<!-- shw2018 洪卫  modify 2019.08.15-->



<head><meta name="generator" content="Hexo 3.9.0">
    <meta charset="utf-8">
    <meta name="keywords" content="放松一下, 前端自学,web前端">
    <meta name="baidu-site-verification" content="fmlEuI34ir">
    <meta name="google-site-verification" content="KeoTn_OFy4ndJwXNmm2gMeQfPhd7alqE9vQDwI32KCY">
    <meta name="description" content="放松一下 | 小明">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <title>放松一下 | 小明</title>
    <link rel="icon" type="image/png" href="/favicon.png">

    <link rel="stylesheet" type="text/css" href="/libs/awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/materialize/1.0.0/css/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/aos/3.0.0-beta.6/aos.css">
    <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/lightgallery/1.6.12/css/lightgallery.min.css">
    <link rel="stylesheet" type="text/css" href="/css/matery.css">
    <link rel="stylesheet" type="text/css" href="/css/my.css">
    
    <style type="text/css">
        
            
            code[class*="language-"],
            pre[class*="language-"] {
                white-space: pre !important;
            }

        
    </style>

    <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
    
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?46e79e71af0709a5b9106bf20cecc493";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

    
    
        <script>
            (function(){
                var bp = document.createElement('script');
                var curProtocol = window.location.protocol.split(':')[0];
                if (curProtocol === 'https') {
                    bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';        
                }
                else {
                    bp.src = 'http://push.zhanzhang.baidu.com/push.js';
                }
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(bp, s);
            })();
        </script>
    

<link rel="stylesheet" href="/css/prism-tomorrow.css" type="text/css">
<link rel="stylesheet" href="/css/prism-line-numbers.css" type="text/css"></head>

<body>




    <header class="navbar-fixed">
    <nav id="headNav" class="bg-color nav-transparent">
        <div id="navContainer" class="nav-wrapper container">
            <div class="brand-logo">
                <a href="/" class="waves-effect waves-light">
                    
                    <img src="/medias/logo.png" class="logo-img" alt="LOGO">
                    
                    <span class="logo-span">小明</span>
                </a>
            </div>
            


<!-- <a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fa fa-navicon"></i></a>
<ul class="right">
    
    <li class="hide-on-med-and-down">
        <a href="/" class="waves-effect waves-light">
            
            <i class="fa fa-home"></i>
            
            <span>首页</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/tags" class="waves-effect waves-light">
            
            <i class="fa fa-tags"></i>
            
            <span>标签</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/categories" class="waves-effect waves-light">
            
            <i class="fa fa-bookmark"></i>
            
            <span>分类</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/archives" class="waves-effect waves-light">
            
            <i class="fa fa-archive"></i>
            
            <span>归档</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/AV" class="waves-effect waves-light">
            
            <i class="fa fa-music"></i>
            
            <span>视听</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/galleries" class="waves-effect waves-light">
            
            <i class="fa fa-photo"></i>
            
            <span>相册</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/about" class="waves-effect waves-light">
            
            <i class="fa fa-user-circle-o"></i>
            
            <span>关于我</span>
        </a>
    </li>
    
    <li>
        <a href="#searchModal" class="modal-trigger waves-effect waves-light">
            <i id="searchIcon" class="fa fa-search" title="搜索"></i>
        </a>
    </li>
</ul> -->

<!-- 支持二级菜单特性 洪卫 shw2018 modify 2019.09.17  -->
<a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fa fa-navicon"></i></a>
<ul class="right nav-menu">
    
      <li class="hide-on-med-and-down nav-item" >

        
            <a href="/" class="waves-effect waves-light">
              
                <i class="fa fa-home"></i>
              
              <span>首页</span>
            </a>

            
      </li>
    
      <li class="hide-on-med-and-down nav-item" >

        
            <a href="/tags" class="waves-effect waves-light">
              
                <i class="fa fa-tags"></i>
              
              <span>标签</span>
            </a>

            
      </li>
    
      <li class="hide-on-med-and-down nav-item" >

        
            <a href="/categories" class="waves-effect waves-light">
              
                <i class="fa fa-bookmark"></i>
              
              <span>分类</span>
            </a>

            
      </li>
    
      <li class="hide-on-med-and-down nav-item" >

        
            <a href="/archives" class="waves-effect waves-light">
              
                <i class="fa fa-archive"></i>
              
              <span>归档</span>
            </a>

            
      </li>
    
      <li class="hide-on-med-and-down nav-item" >

        
            <a href="/AV" class="waves-effect waves-light">
              
                <i class="fa fa-music"></i>
              
              <span>视听</span>
            </a>

            
      </li>
    
      <li class="hide-on-med-and-down nav-item" >

        
            <a href="/galleries" class="waves-effect waves-light">
              
                <i class="fa fa-photo"></i>
              
              <span>相册</span>
            </a>

            
      </li>
    
      <li class="hide-on-med-and-down nav-item" >

        
            <a href="/about" class="waves-effect waves-light">
              
                <i class="fa fa-user-circle-o"></i>
              
              <span>关于我</span>
            </a>

            
      </li>
    

    <li>
        <a href="#searchModal" class="modal-trigger waves-effect waves-light">
            <i id="searchIcon" class="fa fa-search" title="搜索"></i>
        </a>
    </li>

</ul>

<div id="mobile-nav" class="side-nav sidenav">

    <div class="mobile-head bg-color">
        
        <img src="/medias/logo.png" class="logo-img circle responsive-img">
        
        <div class="logo-name">小明</div>
        <div class="logo-desc">
            
            专注于web前端，分享技术，分享知识。
            
        </div>
    </div>

    

    <ul class="menu-list mobile-menu-list">
        
        <li>
            <a href="/" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-home"></i>
                
                首页
            </a>
        </li>
        
        <li>
            <a href="/tags" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-tags"></i>
                
                标签
            </a>
        </li>
        
        <li>
            <a href="/categories" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-bookmark"></i>
                
                分类
            </a>
        </li>
        
        <li>
            <a href="/archives" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-archive"></i>
                
                归档
            </a>
        </li>
        
        <li>
            <a href="/AV" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-music"></i>
                
                视听
            </a>
        </li>
        
        <li>
            <a href="/galleries" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-photo"></i>
                
                相册
            </a>
        </li>
        
        <li>
            <a href="/about" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-user-circle-o"></i>
                
                关于我
            </a>
        </li>
        
        
    </ul>

   
   
<!-- 支持二级菜单特性 洪卫 shw2018 modify 2019.09.17  -->
<!-- <ul class="menu-list mobile-menu-list">
    
        <li class="m-nav-item">
                
                    <a href="/" class="waves-effect waves-light">
                        
                        <i class="fa fa-fw fa-home"></i>
                        
                        首页
                    </a>
              
            </li>
        
        <li class="m-nav-item">
                
                    <a href="/tags" class="waves-effect waves-light">
                        
                        <i class="fa fa-fw fa-tags"></i>
                        
                        标签
                    </a>
              
            </li>
        
        <li class="m-nav-item">
                
                    <a href="/categories" class="waves-effect waves-light">
                        
                        <i class="fa fa-fw fa-bookmark"></i>
                        
                        分类
                    </a>
              
            </li>
        
        <li class="m-nav-item">
                
                    <a href="/archives" class="waves-effect waves-light">
                        
                        <i class="fa fa-fw fa-archive"></i>
                        
                        归档
                    </a>
              
            </li>
        
        <li class="m-nav-item">
                
                    <a href="/AV" class="waves-effect waves-light">
                        
                        <i class="fa fa-fw fa-music"></i>
                        
                        视听
                    </a>
              
            </li>
        
        <li class="m-nav-item">
                
                    <a href="/galleries" class="waves-effect waves-light">
                        
                        <i class="fa fa-fw fa-photo"></i>
                        
                        相册
                    </a>
              
            </li>
        
        <li class="m-nav-item">
                
                    <a href="/about" class="waves-effect waves-light">
                        
                        <i class="fa fa-fw fa-user-circle-o"></i>
                        
                        关于我
                    </a>
              
            </li>
        

        
    </ul> -->

</div>

        </div>

        
    </nav>

</header>
    <!-- shw2018 洪卫  add 2019.08.10-->
<style type="text/css">
    /* don't remove. */
    .about-cover {
        height: 75vh;
    }
</style>

<div class="bg-cover pd-header about-cover">
    <div class="container">
    <div class="row">
    <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
        <div class="brand">
            <div class="title center-align">
                <!-- 
                    subtitle
                 -->
                
                放松一下
                
            </div>

            <div class="description center-align">
                
                <!-- 专注于web前端，分享技术，分享知识。 -->
                <span id="jinrishici-sentence">正在加载今日诗词...</span>
                
            </div>


        </div>
    </div>
</div>
<script>
    // 每小时切换 banner 图.  Switch banner image every day.
    $('.bg-cover').css('background-image', 'url(/medias/banner/' + new Date().getDay() + '.jpg)');
</script>
    </div>
</div>

<main class="content">
    <div id="aboutme" class="container about-container">
        <div class="card">
            <div class="card-content">

                <div class="music-player">
                    <div class="title center-align">
                        <i class="fa fa-music"></i>&nbsp;&nbsp;听听音乐
                    </div>
                    
                    <!-- shw2018 洪卫  modify 2019.08.15-->


<link rel="stylesheet" href="https://cdn.bootcss.com/aplayer/1.10.1/APlayer.min.css">
<div class="music-player">
    
    <div class="row">
        
        
        <div class="col s12 ">
            <div id="aplayer" class="music"></div>
        </div>
    </div>
</div>

<script src="https://cdn.bootcss.com/aplayer/1.10.1/APlayer.min.js"></script>
<script>
    $(function () {
        new APlayer({
            container: document.getElementById('aplayer'),
            fixed: 'false' === 'true',
            autoplay: 'false' === 'true',
            theme: '#542674',
            loop: 'all',
            order: 'list',
            preload: 'auto',
            volume: Number('0.7'),
            listFolded: 'false' === 'true',
            listMaxHeight: '197px',
            audio: JSON.parse('[{"name":"欠我个未来","artist":"平凡的艾岩","url":"http://music.163.com/song/media/outer/url?id=1321378753.mp3","cover":"https://p1.music.126.net/TfNdaxiZXyLGg_ezf4e9aA==/109951163645926048.jpg"},{"name":"别让我一个人醉","artist":"花姐","url":"http://music.163.com/song/media/outer/url?id=1325898887.mp3","cover":"http://p2.music.126.net/aeAGI6pk3kbXhu7f0oFWSw==/109951163333847522.jpg"},{"name":"鬼迷心窍","artist":"李宗盛","url":"http://music.163.com/song/media/outer/url?id=108740.mp3","cover":"https://p1.music.126.net/XXlcoIURJoLp3D5YcX1V9g==/109951163071279000.jpg"},{"name":"初恋情人","artist":"刘小慧","url":"http://music.163.com/song/media/outer/url?id=263720.mp3","cover":"https://p2.music.126.net/tUpc-ZMYx1WPYfdU7X0qxA==/18631224534157924.jpg"},{"name":"相见恨晚","artist":"彭佳慧","url":"http://music.163.com/song/media/outer/url?id=280761.mp3","cover":"https://p2.music.126.net/GpsgjHB_9XgtrBVXt8XX4w==/93458488373078.jpg"},{"name":"都是你的错","artist":"陈慧琳","url":"http://music.163.com/song/media/outer/url?id=213326.mp3","cover":"https://p1.music.126.net/gLhvoQse-ygSE9P5bwkuRA==/910395627798766.jpg"},{"name":"烹爱","artist":"孙子涵","url":"http://music.163.com/song/media/outer/url?id=473742028.mp3","cover":"https://p1.music.126.net/2fDkeTWsePOCVXlZlfVzSw==/19183179369899625.jpg"},{"name":"爱我的人和我爱的人","artist":"游鸿明","url":"http://music.163.com/song/media/outer/url?id=176496.mp3","cover":"https://p1.music.126.net/0GN5mg4qzxmqGES0H3AdhQ==/98956046505536.jpg"},{"name":"回忆里的那个人","artist":"李行亮","url":"http://music.163.com/song/media/outer/url?id=29572689.mp3","cover":"https://p2.music.126.net/k6P7fwQzVEnvgCx1Yl8Ecw==/6648746814192921.jpg"},{"name":"遗憾","artist":"王佳杨","url":"http://music.163.com/song/media/outer/url?id=1385805666.mp3","cover":"https://p1.music.126.net/cL2cde_T2P-c7_-_CxXQYA==/109951164312976856.jpg"},{"name":"披着羊皮的狼","artist":"谭咏麟","url":"http://music.163.com/song/media/outer/url?id=152517.mp3","cover":"https://p2.music.126.net/jiynw5C7gnn8kmpEj-UhDQ==/109951165154275149.jpg"},{"name":"一生爱你千百回","artist":"梅艳芳","url":"http://music.163.com/song/media/outer/url?id=276129.mp3","cover":"https://p1.music.126.net/277Ag7Ksu94nhJgXaj2A7Q==/109951163066639996.jpg"},{"name":"红尘情歌","artist":"白宁/黑鸭子","url":"http://music.163.com/song/media/outer/url?id=505837870.mp3","cover":"http://p1.music.126.net/dQkgUGi_RVZfGYJ5A9t8EQ==/109951163287144569.jpg"},{"name":"喜欢你","artist":"邓紫棋","url":"http://music.163.com/song/media/outer/url?id=28949444.mp3","cover":"http://p1.music.126.net/u_1EudmF8Swgow6vfgYe1g==/8896148580676276.jpg"},{"name":"望爱却步","artist":"于洋","url":"http://music.163.com/song/media/outer/url?id=863489400.mp3","cover":"https://p1.music.126.net/nMeLwYaLgXd88vphYkRfkw==/109951163390107400.jpg"},{"name":"爱情惹的祸","artist":"姜玉阳","url":"http://music.163.com/song/media/outer/url?id=103886.mp3","cover":"https://p1.music.126.net/xwB1kkJRC79jEqiElUePHw==/47278999999720.jpg"},{"name":"爱情转移","artist":"陈奕迅","url":"http://music.163.com/song/media/outer/url?id=65536.mp3","cover":"http://p2.music.126.net/o_OjL_NZNoeog9fIjBXAyw==/18782957139233959.jpg"},{"name":"那个女孩","artist":"张泽熙","url":"http://music.163.com/song/media/outer/url?id=1300994613.mp3","cover":"http://p1.music.126.net/9XSN0wXZui4TfOQxJtywEg==/109951163832656397.jpg"},{"name":"痴心换情深","artist":"周慧敏","url":"http://music.163.com/song/media/outer/url?id=329585.mp3","cover":"http://p2.music.126.net/9Jz_z5F4x5o1G5JGVOYe3w==/72567767449544.jpg"},{"name":"像我这样的人","artist":"毛不易","url":"http://music.163.com/song/media/outer/url?id=569213220.mp3","cover":"http://p2.music.126.net/vmCcDvD1H04e9gm97xsCqg==/109951163350929740.jpg"},{"name":"多想在平庸的生活拥抱你","artist":"隔壁老樊","url":"http://music.163.com/song/media/outer/url?id=1346104327.mp3","cover":"http://p2.music.126.net/gNbAlXamNjhR2j3aOukNhg==/109951164232796511.jpg"},{"name":"囚鸟","artist":"彭羚","url":"http://music.163.com/song/media/outer/url?id=5252280.mp3","cover":"http://p1.music.126.net/nf3Vm1TADSzhD4AJyzZBhA==/109951163376713931.jpg"},{"name":"今生最爱","artist":"王程明","url":"http://music.163.com/song/media/outer/url?id=32317206.mp3","cover":"http://p2.music.126.net/SQF5vSrxTZ5myrmVWxFStQ==/3254554419585268.jpg"},{"name":"今夜我一个人醉","artist":"徐婧","url":"http://music.163.com/song/media/outer/url?id=1317457319.mp3","cover":"http://p2.music.126.net/_-OZcsyLJ60t-jn-GpwzKQ==/109951163605134277.jpg"},{"name":"我要找到你","artist":"陈明","url":"http://music.163.com/song/media/outer/url?id=212964.mp3","cover":"http://p2.music.126.net/o6CaDDYcTHki_oAO10dwPQ==/109951163451218052.jpg"},{"name":"偏偏喜欢你","artist":"陈百强","url":"http://music.163.com/song/media/outer/url?id=27874938.mp3","cover":"http://p1.music.126.net/uQkQUnJLkeaQ9aPQs778OA==/260584255800044.jpg"},{"name":"回忆总想哭","artist":"姜玉阳","url":"http://music.163.com/song/media/outer/url?id=33887645.mp3","cover":"http://p2.music.126.net/qYtVm6Ysj847Y9zmAblTYA==/7960464186896693.jpg"},{"name":"人在旅途","artist":"云菲菲","url":"http://music.163.com/song/media/outer/url?id=325098.mp3","cover":"http://p1.music.126.net/3r_FK8tiB_gBF6-GUDCoBg==/46179488382270.jpg"},{"name":"梦醒时分","artist":"陈淑桦","url":"http://music.163.com/song/media/outer/url?id=210842.mp3","cover":"http://p2.music.126.net/888bce9FYxGdxzoOHy4vUg==/109951163298360902.jpg"},{"name":"问","artist":"林忆莲","url":"http://music.163.com/song/media/outer/url?id=255950.mp3","cover":"http://p1.music.126.net/DwgWuxtWczcdg2FJ9RFQ7A==/78065325589712.jpg"},{"name":"为你我受冷风吹","artist":"林忆莲","url":"http://music.163.com/song/media/outer/url?id=257098.mp3","cover":"http://p1.music.126.net/DwgWuxtWczcdg2FJ9RFQ7A==/78065325589712.jpg"},{"name":"不必在乎我是谁","artist":"林忆莲","url":"http://music.163.com/song/media/outer/url?id=257202.mp3","cover":"http://p1.music.126.net/DwgWuxtWczcdg2FJ9RFQ7A==/78065325589712.jpg"}]')
        });
    });
</script>
                    

                </div>

                
                <!-- shw2018 洪卫  modify 2019.08.15-->
<link rel="stylesheet" href="https://cdn.bootcss.com/dplayer/1.25.0/DPlayer.min.css">
<div class="video-player">
    
    <div class="title center-align">
        <i class="fa fa-video-camera"></i>&nbsp;&nbsp;精彩视频
    </div>
    
    <div class="row">
        
        <div class="col l8 offset-l2 m10 offset-m1 s12"> 
            <div id="dplayer" class="dplayer-video"
                    ></div>
        </div>

    </div>
</div>

<script src="https://cdn.bootcss.com/dplayer/1.25.0/DPlayer.min.js"></script>
<script>
    $(function () {
        new DPlayer({
            container: document.getElementById('dplayer'),
            autoplay: 'false' === 'true',
            theme: '#42b983',
            loop: 'true' === 'true',
            lang: 'zh-CN' === 'zh-CN' ? 'zh-cn' : 'en',
            preload: 'auto',
            volume: Number('0.7'),
            video: {
                url: 'https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io@master/medias/wl.mp4',
                pic: '',
                thumbnails: ''
            }
        });
    });
</script>
                

                
            </div>
        </div>

        <!-- <div class="card">
            <div class="card-content">
                <div class="card-content article-card-content">
                        <div class="title center-align" data-aos="zoom-in-up">
                            <i class="fa fa-download"></i>&nbsp;&nbsp;资源共享
                        </div>
                        <div id="articleContent" data-aos="fade-up">
                            <script>
        document.querySelectorAll('.github-emoji')
          .forEach(el => {
            if (!el.dataset.src) { return; }
            const img = document.createElement('img');
            img.style = 'display:none !important;';
            img.src = el.dataset.src;
            img.addEventListener('error', () => {
              img.remove();
              el.style.color = 'inherit';
              el.style.backgroundImage = 'none';
              el.style.background = 'none';
            });
            img.addEventListener('load', () => {
              img.remove();
            });
            document.body.appendChild(img);
          });
      </script>
                        </div>
                </div>
            </div>
        </div> -->


    </div>
</main>
    <footer class="page-footer bg-color">
    <div class="container row center-align">
        <div class="col s12 m8 l8 copy-right">
            Copyright&copy; 2019 xiaoming.

            <br>
            <span id="sitetime"></span><span class="my-face">ღゝ◡╹)ノ♡</span>
            <br>

            

            
            
            <span id="busuanzi_container_site_pv" style='display:none'></span>
            总访问量: <span id="busuanzi_value_site_pv" class="white-color"></span>
            

            
            <span id="busuanzi_container_site_uv" style='display:none'></span>
            人次&nbsp; | &nbsp;访客人数: <span id="busuanzi_value_site_uv" class="white-color"></span> 人
            

            

            
            &nbsp; | &nbsp;字数统计:&nbsp;
            <span class="white-color">2.4k</span> 字
            

            
            <br>

        </div>

        <div class="col s12 m4 l4 social-link social-statis">









<!-- 
<a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top"
    data-delay="50">
   <i class="fa fa-rss"></i> 
</a>
 --></div>

    </div>
</footer>

<div class="progress-bar"></div>

<script language=javascript>
    function siteTime() {
        window.setTimeout("siteTime()", 1000);
        var seconds = 1000;
        var minutes = seconds * 60;
        var hours = minutes * 60;
        var days = hours * 24;
        var years = days * 365;
        var today = new Date();
        var todayYear = today.getFullYear();
        var todayMonth = today.getMonth() + 1;
        var todayDate = today.getDate();
        var todayHour = today.getHours();
        var todayMinute = today.getMinutes();
        var todaySecond = today.getSeconds();

        /* Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
        year - 作为date对象的年份，为4位年份值
        month - 0-11之间的整数，做为date对象的月份
        day - 1-31之间的整数，做为date对象的天数
        hours - 0(午夜24点)-23之间的整数，做为date对象的小时数
        minutes - 0-59之间的整数，做为date对象的分钟数
        seconds - 0-59之间的整数，做为date对象的秒数
        microseconds - 0-999之间的整数，做为date对象的毫秒数 */

        var t1 = Date.UTC(2019, 08, 10, 00, 00, 00); //北京时间2019-8-1 00:00:00
        var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);
        var diff = t2 - t1;
        var diffYears = Math.floor(diff / years);
        var diffDays = Math.floor((diff / days) - diffYears * 365);
        var diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours);
        var diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) / minutes);
        var diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours - diffMinutes *
            minutes) / seconds);
        document.getElementById("sitetime").innerHTML = "本站已勉强运行 " + diffYears + " 年 " + diffDays + " 天 " + diffHours +
            " 小时 " + diffMinutes + " 分钟 " + diffSeconds + " 秒";
    } /*因为建站时间还没有一年，就将之注释掉了。需要的可以取消*/
    siteTime();
</script>

    <!-- 搜索遮罩框 -->
<div id="searchModal" class="modal">
    <div class="modal-content">
        <div class="search-header">
            <span class="title"><i class="fa fa-search"></i>&nbsp;&nbsp;搜索</span>
            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
                   class="search-input">
        </div>
        <div id="searchResult"></div>
    </div>
</div>

<script src="/js/search.js"></script>
<script type="text/javascript">
$(function () {
    searchFunc("/" + "search.xml", 'searchInput', 'searchResult');
});
</script>
    <!-- 回到顶部按钮 -->
<div id="backTop" class="top-scroll">
    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
        <i class="fa fa-angle-up"></i>
    </a>
</div>


    <script src="https://cdn.bootcss.com/materialize/1.0.0/js/materialize.min.js"></script>
    <script src="https://cdn.bootcss.com/masonry/4.2.2/masonry.pkgd.min.js"></script>
    <script src="https://cdn.bootcss.com/aos/3.0.0-beta.6/aos.js"></script>
    <script src="https://cdn.bootcss.com/scrollprogress/3.0.2/scrollProgress.min.js"></script>
    <script src="https://cdn.bootcss.com/lightgallery/1.6.12/js/lightgallery-all.min.js"></script>
    <script src="/js/matery.js"></script>

    <!-- Global site tag (gtag.js) - Google Analytics -->



    
    <script src="/libs/others/clicklove.js"></script>
    

    
    <script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    

    <!-- 洪卫 shw2018 add 2019.08.28 -->
    <script type="text/javascript">
        var OriginTitile = document.title,
            st;
        document.addEventListener("visibilitychange", function () {
            document.hidden ? (document.title = "看不见我🙈~看不见我🙈~", clearTimeout(st)) : (document.title =
                "(๑•̀ㅂ•́) ✧被发现了～", st = setTimeout(function () {
                    document.title = OriginTitile
                }, 3e3))
        })
    </script>

    <!-- 鼠标点击烟花爆炸效果  洪卫 shw2018 add 2019.09.09 -->
    
    <canvas class="fireworks" style="position: fixed; left: 0; top: 0; z-index: 1; pointer-events: none;"></canvas>
    <script type="text/javascript" src="//cdn.bootcss.com/animejs/2.2.0/anime.min.js"></script>
    <script type="text/javascript" src="/js/fireworks.js"></script>
    

    <!-- 背景雪花飘落特效洪卫 shw2018 add 2019.09.10 -->
    
    <script type="text/javascript">
        //只在桌面版网页启用特效
        var windowWidth = $(window).width();
        if (windowWidth > 768) {
            document.write('<script type="text/javascript" src="/js/sakura.js"><\/script>');
        }
    </script>
    

    <!-- 鼠标点击文字特效 洪卫 shw2018 add 2019.09.10-->
    
    <script src="/js/wenzi.js" type="text/javascript"></script>
    

    <!-- 背景雪花飘落特效 洪卫 shw2018 add 2019.09.10 -->
    
    <script type="text/javascript">
        var windowWidth = $(window).width();
        if (windowWidth > 768) {
            document.write('<script type="text/javascript" src="/js/xuehuapiaoluo.js"><\/script>');
        }
    </script>
    

    <!-- 在线聊天工具  洪卫 shw2018 add 2019.09.11 -->
    
    <script src="//code.tidio.co/xxxxxxxxxxxxxxxxxxxxxxxxxxx.js"></script>
    <!--  在线聊天位置自定义  洪卫 shw2018 add 2019.09.13  -->
    <script>
        $(document).ready(function () {

            setInterval(change_Tidio, 50);
            function change_Tidio() {

                var tidio = $("#tidio-chat iframe");
                if (tidio.css("display") == "block" && $(window).width() > 977) {
                    document.getElementById("tidio-chat-iframe").style.bottom = ($("div#backTop.top-scroll").css("display") == "none" && $(window).width() > 977) > 0 ? "-40px" : ($("div.toc-title").length && $(window).width() > 977) > 0 ? "80px" : "20px";
                    document.getElementById("tidio-chat-iframe").style.right = "-15px";
                    document.getElementById("tidio-chat-iframe").style.height = parseInt(tidio.css("height")) >= 520 ? "520px" : tidio.css("height");
                    document.getElementById("tidio-chat-iframe").style.zIndex = "997";
                }
                else if (tidio.css("display") == "block" && $(window).width() > 601 && $(window).width() < 992) {
                    document.getElementById("tidio-chat-iframe").style.bottom = ($("div#backTop.top-scroll").css("display") == "none" && 601 < $(window).width() < 992) > 0 ? "-40px" : "20px";
                    document.getElementById("tidio-chat-iframe").style.right = "-15px";
                    document.getElementById("tidio-chat-iframe").style.zIndex = "997";
                }
                else if (tidio.css("display") == "block" && $(window).width() < 601 && parseInt(tidio.css("height")) < 230) {
                    document.getElementById("tidio-chat-iframe").style.bottom = ($("div#backTop.top-scroll").css("display") == "none" && $(window).width() < 601) > 0 ? "-10px" : "45px";
                    document.getElementById("tidio-chat-iframe").style.zIndex = "997";
                }

                if (tidio.css("display") == "block" && $(window).width() < 601 && parseInt(tidio.css("height")) >= 230) {
                    document.getElementById("tidio-chat-iframe").style.zIndex = "998";
                }
            }
        }); 
    </script>
    

    <!-- 背景 canvas-nest  洪卫 shw 2018  add 2019.09.15-->
    
    <script type="text/javascript">
        var windowWidth = $(window).width();
        if (windowWidth > 992) {
            document.write('<script type="text/javascript" color="0,0,255" pointColor="0,0,255" opacity= "0.8" zIndex="--1" count="150"src="/libs/background/canvas-nest.js"><\/script>');
        }
    </script>
    

    <!-- 背景静止彩带  洪卫 shw 2018  add 2019.09.15-->
    

    <!-- 背景动态彩带 洪卫 shw 2018  add 2019.09.15-->
    
    <script type="text/javascript">
        var windowWidth = $(window).width();
        if (windowWidth > 992) {
            document.write('<script type="text/javascript" src="/libs/background/ribbon-dynamic.js"><\/script>');
        }
    </script>
    

    <!-- 天气接口控件  洪卫 shw2018 add 2019.09.09 -->
    
    <!-- 天气接口  洪卫 shw2018 add 2019.09.09 -->
<script type="text/javascript">
    WIDGET = { FID: '1tFpFZ5Mtj' }
</script>
<!-- <script type="text/javascript" src="https://apip.weatherdt.com/float/static/js/r.js?v=1111"></script> -->

<script type="text/javascript">
    //只在桌面版网页启用特效
    var windowWidth = $(window).width();
    if (windowWidth > 768) {
        document.write('<script type="text/javascript" src="https://apip.weatherdt.com/float/static/js/r.js?v=1111"><\/script>');
    }
</script>
    


<script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"log":false,"model":{"jsonPath":"/live2dw/assets/wanko.model.json"},"display":{"position":"left","width":150,"height":200},"mobile":{"show":false},"react":{"opacity":0.7}});</script><script>
            window.imageLazyLoadSetting = {
                isSPA: false,
                processImages: null,
            };
        </script><script>window.addEventListener("load",function(){var t=/\.(gif|jpg|jpeg|tiff|png)$/i,r=/^data:image\/[a-z]+;base64,/;Array.prototype.slice.call(document.querySelectorAll("img[data-original]")).forEach(function(a){var e=a.parentNode;"A"===e.tagName&&(e.href.match(t)||e.href.match(r))&&(e.href=a.dataset.original)})});</script><script>!function(n){n.imageLazyLoadSetting.processImages=o;var i=n.imageLazyLoadSetting.isSPA,r=Array.prototype.slice.call(document.querySelectorAll("img[data-original]"));function o(){i&&(r=Array.prototype.slice.call(document.querySelectorAll("img[data-original]")));for(var t,e,a=0;a<r.length;a++)t=r[a],e=void 0,0<=(e=t.getBoundingClientRect()).bottom&&0<=e.left&&e.top<=(n.innerHeight||document.documentElement.clientHeight)&&function(){var t,e,n,i,o=r[a];t=o,e=function(){r=r.filter(function(t){return o!==t})},n=new Image,i=t.getAttribute("data-original"),n.onload=function(){t.src=i,e&&e()},n.src=i}()}o(),n.addEventListener("scroll",function(){var t,e;t=o,e=n,clearTimeout(t.tId),t.tId=setTimeout(function(){t.call(e)},500)})}(this);</script></body>

</html>